<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<style type="text/css">
html { font-size: -webkit-calc(100vw/37.5); font-size: calc(100vw/37.5); }
/* ---- */
body { font-size: 1.4rem; color: #111111; font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei UI', 'Microsoft YaHei', Arial, Helvitica, verdana, Tohoma, san-serif; }
/* ---- */
.OPEN-load { position: fixed; top: 50%; left: 50%; padding: 2.8rem 1.4rem 1.2rem; display: inline-block; max-width: 80%; color: #ffffff; text-align: center; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 1.4rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 1.4rem rgba(0, 0, 0, 0.5); -webkit-border-radius: 1.3rem; -moz-border-radius: 1.3rem; border-radius: 1.3rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9999; }
.OPEN-load-box { position: relative; display: inline-block; width: 1.5rem; height: 1.5rem; background: #ffffff; -webkit-animation: openloader 1.5s infinite linear; animation: openloader 1.5s infinite linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: visible; }
.OPEN-load-box:after { position: absolute; width: 2.3rem; height: 2.3rem; border-top: 0.6rem solid #ffffff; border-bottom: 0.6rem solid #ffffff; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; top: -1rem; left: -1rem; }
@-webkit-keyframes openloader {
  0% { transform: rotate(0deg); opacity: 0.3; }
  50% { transform: rotate(180deg); opacity: 1; }
  100% { transform: rotate(360deg); opacity: 0.3; }
}
@keyframes openloader{
  0% { transform: rotate(0deg); opacity: 0.3; }
  50% { transform: rotate(180deg); opacity: 1; }
  100% { transform: rotate(360deg); opacity: 0.3; }
}
.OPEN-load-txt { padding: 1.4rem 0 0; }
</style>
<script type="text/javascript" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77" charset="utf-8"></script>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>

</head>
<body>
  <div id="app">
    <div class="OPEN-load">
      <div class="OPEN-load-box"></div>
      <div class="OPEN-load-txt">加载中...</div>
    </div>
  </div>
  <script type="module" src="/src/main.ts"></script>
</body>
</html>
